/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 14px;
	line-height: 2;
	color: #000000;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;/* background-color:#eeeeee;*/
	font-family: "微软雅黑";
}
body>div{ max-width:100%; /*overflow:hidden;*/}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color:#007C33;
	text-decoration: none;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display:flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1320px;
	margin:auto;
	min-width:1250px; position:relative;

}


#top{

	padding-top:10px;
	padding-bottom:10px;
 position:fixed; z-index:99; top:0; left:0; width:100%;box-sizing:border-box; padding-left:20px; padding-right:20px;
}
#top .logo{ padding-top:5px; padding-bottom:5px;}
#top .fr{ width:80%; width:calc(100% - 300px);}
#top .fr>div{ width:100%;}
#top.fixed{
	background-color:#ffffff;
	padding-top:0;
	padding-bottom:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
 #nav{
	float:left;
	width:100%;
	font-size:16px;
	line-height:75px;
	 clear:both;

}
 #nav>ul{ display:table; width:85%; text-align:center; float:left;}
 #nav>ul.right{ width:15%; float:right;}
 #nav>ul>li{ display:table-cell; position:relative;}
 #nav>ul>li a{ display:block; color:#FFFFFF;}
 #top.fixed   #nav>ul>li a{  color:#333333;}

#top.fixed #nav>ul>li.active>a,#top.fixed #nav>ul>li:hover>a,#top.fixed #nav>ul>li.hover>a{ display:block; background-color:#007C33; color:#FFFFFF}
#nav>ul>li ul{ position:absolute; top:100%; left:0; width:100%; z-index:2;background-color:#ffffff; line-height:1.5;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(0,0,0,0.3);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(255,255,255,0.3); display:none;

}
#nav>ul>li ul ul{ top:0; left:100%;}
#nav>ul li:hover> ul{ display:block;}

 #nav>ul>li ul li a{
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
 #nav>ul>li ul li a:hover,#top.fixed #nav > ul > li a:hover{ background-color:#007C33; color:#FFFFFF;}
 .flash img{ max-width:100%;} 
.flash{ position:relative; overflow:hidden;}
.flash .pnext{ position:absolute; bottom:0; right:0; z-index:2; height:155px; background-color:#EDEEF0; font-size:14px;}
.flash .picli img{ width:100%;}
 .flash .pnext .swiper-button-prev, .flash .pnext .swiper-button-next{ position:relative; margin:auto; top:auto; left:auto; right:auto;--swiper-navigation-size:30px;--swiper-theme-color:#999999;transform: rotate(90deg); width:80px; }
  .flash .pnext .l{ float:left; height:100%;display:flex;
    justify-content:center;
    align-items:center; padding-left:20px; padding-right:20px; }
 .flash .pnext .num{
	height:100%;
	color:#666666;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	padding-left:20px;
	padding-right:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
  .flash .pnext .num font{color:#007C33; font-size:36px; float:left; margin-right:10px;}
  .flash .pnext .num i{ padding-right:10px;}
 .flash .pnext .down{
	background-image: url(down.jpg);
	background-repeat: no-repeat;
	background-position: center center; height:100%; width:380px; float:right; cursor:pointer;
}

  .searchbg{ width:500px; height:200px; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-200px; z-index:101; color:#FFFFFF; }
  .searchbg+.bg{ display:none;}
  .searchbg.hover+.bg{ background-color:#333333; position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; }
  .searchbg{/*display:none; */
  -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;  
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
  
  }  
  .searchbg.hover,.searchbg.hover+.bg{ display:block;  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}


  .searchbg form{ display:block; width:500px; margin-top:20px;}
   .searchbg form input{
	border: 1px solid #ffffff; padding-left:20px; padding-right:20px; height:45px; border:none; float:left; width:calc(100% - 145px);
}
.searchbg form button{
	width:100px;
	height:45px;
	border:none;
	float:left;
	background-color:#009944;
	color:#FFFFFF;
	font-size:18px;
	
}
.searchbg+.bg .close{ position:fixed; top:0; right:0; z-index:102; color:#FFFFFF; padding:10px;}
.searchbg+.bg .close i{ font-size:30px; line-height:1; cursor:pointer;}
.searchbg  .fcopy{ font-size:12px; padding-top:10px; clear:both; color:rgba(255,255,255,0.5);}


.searchbtn i{ font-size:20px; line-height:1;padding-left: 5px;}



.flash .swiper-pagination-bullet{--swiper-pagination-bullet-inactive-opacity:1;
	background-color:rgba(255,255,255,0); height:18px; width:18px; 
	border: 3px solid rgba(255,255,255,0); position:relative; display:inline-block;
}
.flash .swiper-pagination-bullet:before{border-radius:100%;content:''; width:6px; height:6px; background-color:#FFFFFF; position:absolute; top:50%; left:50%; margin-left:-3px; margin-top:-3px;}
.flash  .swiper-pagination-bullet-active:after{border: 3px solid #EB9816;content:''; width:9px; height:18px; position:absolute; top:-3px; right:-3px;border-radius:0 18px 18px 0;border-left:none;}
.flash  .swiper-pagination-bullet-active{border: 3px solid #ffffff;}

.flash .box{ position:relative;}
.flash .box .swiper-pagination{ text-align:left; padding-bottom:50px;    display: none;}
.flash .txt{ position:absolute; top:0; left:0; width:100%; color:#FFFFFF; line-height:1.2; min-height:100%; left:200px;Opacity:0; /*padding-top:150px;*/}
.flash .txt .t1{ font-size:55px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.flash .txt .t2{ font-size:55px; font-weight:bold; padding-top:20px;}
.flash .txt .t3{ font-size:15px;padding-top:20px; padding-bottom:50px;}
/*.flash .txt .t1{ font-size:55px; padding-top:30px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.flash .txt .t2{ font-size:55px; font-weight:bold; padding-top:50px;}
.flash .txt .t3{ font-size:15px;padding-top:60px;}*/
.flash .txt,.flash .txt .t1,.flash .txt .t2,.flash .txt .t3{-webkit-transition:1500ms; -moz-transition:1500ms; -ms-transition:1500ms; transition:1500ms;}

/*.flash  .swiper-slide-active .txt,.flash  .swiper-slide-active .txt .t2,.flash  .swiper-slide-active .txt .t3{  padding-top:20px;}*/

.flash  .swiper-slide-active .txt{ left:0;Opacity:1;}

.flashpage{ position:absolute; top:50%; left:0; width:100%; z-index:2;}


#foot{ background-color:#FFFFFF;}
#foot,#foot .foot{ position:relative; overflow:hidden;}
#foot:after{ content:''; background-color:#EB9912; position:absolute; right:0;width:calc(50% - 610px + 200px); height:100%; top:0; z-index:-1;}
#foot .foot .box{ background-color:#007C33; padding-top:50px; padding-bottom:20px; position:relative;}
#foot .foot .box:before{ content:''; height:100%; left:-100%; top:0; width:100%; z-index:1; background-color:#007C33; position:absolute;}
#foot .foot .box:after{  content:''; height:100%; right:-100px; top:0; width:100px; z-index:1; background-color:#007C33; position:absolute;border-radius:0 0 100px 0;}
#foot .foot,#foot .foot a{ color:#ffffff;}

.kf{
	width:100%;
	display:table;
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.2); padding-bottom:30px;
}
.kf .item{ display:table-cell;}
.kf .item i{ font-size:32px; margin-right:5px; float:left; line-height:1.2;}
.fnav{ float:left; width:68%;}
.fnav>ul{display:table;width:100%;}
.fnav>ul>li{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:rgba(255,255,255,0.2);
}
.fnav>ul>li,.fnav+.fr{display:table-cell; padding-top:30px;}
.fnav>ul>li>a,.fnav+.fr .t1{ font-size:18px; display:block; }
.fnav>ul>li>ul,.fnav+.fr .hc{ padding-top:10px;}
.fnav+.fr{ width:30%; padding-left:40px;box-sizing:border-box;}
#foot .fnav>ul>li ul a{ color:rgba(255,255,255,0.8); font-size:12px; display:block; padding-top:5px; padding-bottom:5px;}
.fnav ul li a{padding-left:40px; padding-right:30px;}
.fnav+.fr .t2{ text-align:center; font-size:24px;}
.fnav+.fr .t3{ font-size:24px;}
.fnav+.fr .t3 i{ font-size:20px; float:left; margin-right:5px;}
.fnav+.fr .t3  a{ background-color:#EB9912; font-size:14px; display:inline-block; padding-left:20px; padding-right:20px;border-radius:5px; line-height:35px;}
.banquan{ padding-top:10px; padding-bottom:10px;
}
.banquan,.banquan a{ color:#666666; font-size:16px;}
.link{
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
}
.link .title{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left top; min-height:51px; width:162px; float:left; font-size:22px; text-align:center; line-height:30px;
}
.link .econtent{ float:right;width:calc(100% - 200px); min-height:51px;}
.link .econtent>div{ width:100%; text-align:left;}
/*客服*/

.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}
.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:98; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}
.wxqrcode{transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:99; text-align:center;border-radius:10px;display:flex;
    justify-content:center;
    align-items:center;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}	

.wxqrcode img{ width:200px; max-width:80%;}
#footnav{
	position: fixed;
	z-index:2;
	left: 0px;
	bottom: 0px;
	float:left;
	width:100%;
	background-color:#007C33;
	display:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.6);
}
#footnav a{
	float:left;
	width:25%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:16px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px;}
#footnav a i.icon-weixin{ font-size:20px; }

#footnav a:nth-child(1):after{ display:none}

/*客服*/
.kefu{ position:fixed; top:30%; right:0; color:#FFFFFF; text-align:center; width:70px; z-index:9; font-size:12px; }
.kefu .iconfont{ color:#FFFFFF; font-size:24px; line-height:1;}
.kefu a{ color:#ffffff;}
.kefu a:hover{ background-color:#EB9912;}

.kefu .wx .wxqrcode2{
	Opacity:0;
	position:absolute;
	top:0;
	right:-200%;
	z-index:-1;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	border: 1px solid #dddddd;
}
.kefu .wx:hover .wxqrcode2{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:rgb(0 124 51 / 70%);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#007C33;
	position:absolute;
	right:-100%; margin-right:5px; font-size:14px;
	top:50%;
	color:#fff;
	white-space: nowrap;border-radius:5px; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-top:-10px;
}
.kefu .item .msg.ftel{ right:-350%;}
.kefu .item:hover .msg{right:100%;}
.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #004A91; position:absolute; right:-10px; top:50%; margin-top:-5px;
}

.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block; padding:5px; padding-top:10px; padding-bottom:10px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}

@media screen and (max-width :816px){
#footnav{ display:block}
.kefu{ display:none}
}

/*首页关于我们*/
.about,.huanjing{ background-color:#f5f5f5;}
.about .img{
	float:left;
	border: 1px solid #eeeeee;
	overflow:hidden; padding:10px; background-color:#FFFFFF;
}
.about .img *{ max-width:100%;}
.about .img+.right{ float:right; width:calc(100% - 677px); line-height:2; font-size:16px;}
.about .right .title{
 position:relative;
}
.about .right .t1{
	background-image: url(abouttitle.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

	padding-bottom:0px;
	color:#333333;
	font-size:24px;
	font-weight:bold;
display:inline-block; line-height:40px; padding-top:30px; width:230px; position:relative;
}
.about .right .t1:after{ content:''; position:absolute; left:0; bottom:0; width:80%;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999; }
.about .right .t2{ font-size:12px; color:#666666; clear:both;}
.about .right .more{ padding-top:20px; position:absolute; top:0; right:0;}
.about .right .more a{color:#FFFFFF; background-color:#027B38; display:inline-block; line-height:50px; width:50px; text-align:center;border-radius:100%;
}
.about .right .more a i{ font-size:28px;}
.about .right .hc{ color:#999999; font-size:14px; line-height:2; padding-top:30px;}
.about .right  .youshi{ clear:both;}
.about .right  .youshi ul{ display:table; width:100%; font-size:16px; padding-top:30px;}
.about .right  .youshi ul li{ display:table-cell; text-align:center; font-size:16px;color:#999999; text-align:center; line-height:1.2;}
.about .right  .youshi ul li+li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
.about .right  .youshi ul li .tt1 { font-size:28px; }
.about .right  .youshi ul li .tt1 span{ color:#007c33; font-weight:bold; font-size:38px; float:left;}
.about .right  .youshi ul li .tt1 font{ display:inline-block;}



.huanjing{ padding-bottom:50px;}

.huanjing .tab{ float:left; width:300px; line-height:60px; min-height:280px;display:flex;
    justify-content:center;
    align-items:center;}
.huanjing .tab>div{ width:100%;}	
.huanjing .tab .li a{
	display:block;
	background-color: #FFFFFF;
	border: 1px solid #dddddd;border-radius:30px; text-align:center; color:#666666; font-size:20px; position:relative;
}
.huanjing .tab .li a i{ margin-left:5px; font-weight:bold; font-size:20px; color:#999999;}
.huanjing .tab .li a span{ display:inline-block; padding-left:30px;/* position:relative;*/}
.huanjing .tab .li a span:before{
	content:'';
	left:20px;
	top:50%;
	height:20px;
	width:20px;
	margin-top:-12px;
	border: 2px solid #dddddd;
	display:inline-block;
	position:absolute;
	border-radius:100%;
	z-index:1;
}
.huanjing .tab .li:hover a,.huanjing .tab .li.hover a{ background-color:#017D34; color:#FFFFFF;}
.huanjing .tab .li:hover a span:before,.huanjing .tab .li.hover a span:before{border-color:#ffffff;}
.huanjing .tab .li.hover a i,.huanjing .tab .li:hover a i{ color:#FFFFFF;}

.huanjing .tab .li{ margin-top:20px; margin-bottom:20px;}
.huanjing .hc{ float:right; width:calc(100%  - 320px); position:relative; padding-left:50px; padding-right:50px;box-sizing:border-box;
--swiper-theme-color:#ffffff;
--swiper-navigation-size:18px;
}
.huanjing .hc .econtent{ background-color:#ffffff; padding:10px;box-sizing:border-box; float:left; width:100%; }
.huanjing .hc .swiper-button-next, .huanjing .hc .swiper-button-prev{ background-color:#cccccc; padding:5px; padding-top:10px; padding-bottom:10px; width:20px; height:60px; }
.huanjing .hc .swiper-button-next:hover, .huanjing .hc .swiper-button-prev:hover{
	background-color:#017D34;

}
.huanjing .hc .swiper-container{ position:relative; overflow:hidden;width:100%;}
.huanjing .hc  .swiper-slide a{ display:block; overflow:hidden; position:relative; text-align:center;}
.huanjing .hc  .swiper-slide a img{ max-width:100%; min-height:240px; max-height:240px;}
.huanjing .hc  .swiper-slide a:hover:before{ content:''; position:absolute; top:0; left:0;box-sizing:border-box; height:100%; width:100%;	border: 5px solid #017D34; z-index:2;}






.about{ padding-bottom:50px; z-index:2; padding-top:80px;}



.pro  .etitle{
	text-align:center;
	background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.pro  .etitle >.fl b{ color:#000000; font-size:23px;

}

.pro  .etitle >.fl span{
	font-size:12px;
	color:#666666;
	font-weight: lighter; padding-left:5px;
}
.pro .etitle>.fr{padding-top:10px;}

 .etitle .tab{ display:table; color:#999999; font-size:16px; line-height:1; padding-top:5px; padding-bottom:5px;}
.pro .etitle .tab span{ display:table-cell; text-align:center; padding-left:10px; padding-right:10px; cursor:pointer;}
 .pro .etitle .tab span+span{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

 .pro .etitle .tab span.hover{ color: #017D34;}
.pro .etitle .morea a{
	background-image: url(more.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 30px;
	width: 30px; margin-left:20px;
}
.pro .econtent,.pro .econtent .hc{ clear:both;}
.pro .econtent{ padding-top:20px;}
.pro .econtent .hc{ display:none}
.pro .econtent .hc.hover{ display:block;}
.pro .econtent .picli{ float:left;width:32%; margin-left:2%;box-sizing:border-box; background-color:#F6F6F6; margin-top:20px; margin-bottom:20px; min-height:365px; max-height:365px; overflow:hidden; position:relative; padding:20px;}

/*.pro .econtent .picli:nth-child(2n+2){ clear:both;}*/

.pro .econtent .picli .img{ overflow:hidden; position:absolute; bottom:10px; right:10px; z-index:2; max-width:60%;}
.pro .econtent .picli .xinghao{ display:none; padding-top:20px; line-height:32px;}
.pro .econtent .picli .xinghao span{ display:block;}
.pro .econtent .picli .xinghao span font{ display:inline-block; margin-top:5px; margin-bottom:5px; background-color:#000000; color:#ffffff;border-radius:30px; padding-left:20px; padding-right:20px; width:180px; text-align:center; }
.pro .econtent .picli .xinghao span:nth-child(1) font{background-color:#007C33}

.pro .econtent .picli .ntitle{ font-size:24px;}
.pro .econtent .picli .protop{ width:50%;} 
.pro .econtent .picli .protop .dp{ font-size:14px; color:#999999;}
.pro .econtent .picli .protop .morei i{ color:#cccccc; font-size:32px;}
.pro .econtent .picli:nth-child(1) .xinghao{ display:block;}
.pro .econtent .picli:nth-child(1){ margin-left:0; min-height:770px;}
.pro .econtent .picli:nth-child(1) .img{ position:relative; bottom:auto
; right:auto;max-width: 100%;}
.pro .econtent .picli:nth-child(1)  .protop,.pro .econtent .picli:nth-child(1)  .img{ width:100%;}

.pro .econtent .picli .right{ box-sizing:border-box; padding:20px;position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:3; color:#FFFFFF;display:flex;
    justify-content:center;
    align-items:center;top:100%;	-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
	.pro .econtent .picli:hover .right{ top:0;}
.pro .econtent .picli .right>div{ width:100%;}
.pro .econtent .picli .right .ntitle{ text-align:center;}
.pro .econtent .picli .right .dp{ margin-top:15px;}
.pro .econtent .picli .right .moreii{
	text-align:center; padding-top:15px;
 
}
.pro .econtent .picli .right .moreii i{border: 1px solid #ffffff; 
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	border-radius:30px;
	font-style: normal;
}
.pro  .more{ text-align:center; text-align:center; clear:both; padding-top:10px; line-height:50px;}
.pro  .more a{
	display:inline-block;
	padding-left:45px;
	padding-right:45px; background-color:#007C33;color:#FFFFFF
}



.case .right{ display:none}
.case .econtent .picli {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.case .econtent .picli .img{ overflow:hidden;}

.case .econtent .picli .img img{ max-width:100%; max-height:245px; min-height:245px;}
.case .econtent{ position:relative; clear:both; margin-top:30px; float:left; width:100%;}
.case .econtent .swiper-container{ position:relative; overflow:hidden;}
.case .econtent .swiper-slide{ overflow:hidden; position:relative; text-align:center;}
.case .econtent .picli .ntitle { position:relative; padding-right:30px; padding-top:10px; padding-bottom:10px; font-size:16px; text-align:left; color:#666666}
.case .econtent .picli .ntitle i{ font-size:24px; position:absolute; top:50%; right:10px; line-height:1; margin-top:-12px;}
.case .econtent .picli .ntitle i{background-image: url(jt.jpg);
	background-repeat: no-repeat;
	background-position: center center; width:50px; height:20px;}
.case .econtent .picli .ntitle i:before{ display:none;}
.case .econtent .picli:hover .ntitle i{background-image: url(jt2.jpg);}

.case .econtent .p{ position:absolute; top:0%; right:-80px; height:100%; background-color:#007C33;--swiper-theme-color:#ffffff; width:50px;}
.case .econtent .p .swiper-button-next,.case .econtent .p .swiper-button-prev{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	margin:auto;
	height:50%;
	font-size:36px;
	padding:10px;
	box-sizing:border-box;
	background-repeat: no-repeat; width:100%;opacity:1;
}
.case .econtent .p .swiper-button-prev{ background-color:#FFA533;}
.case .econtent .swiper-slide .img{
	border: 8px solid #f5f5f5; display:block;box-sizing:border-box;
}
.case .econtent .swiper-slide-active .img{border-color:#FFA533;}

.case .showcase{ float:left; width:100%; margin-top:30px; position:relative;}
.case .showcase .img{
	float:right;
	width:767px;
	padding:10px;
	box-sizing:border-box;
	overflow:hidden;
	border: 1px solid #dddddd;
}
.case .showcase .img>div{ overflow:hidden;}
.case .showcase .r{ float:left; width:calc(100% - 767px);display:flex;
    justify-content:center;
    align-items:center; position:absolute; left:0; top:0; min-height:100%; max-height:100%;}
.case .showcase .r>div{ width:100%;box-shadow:0 0 5px rgba(0,0,0,0.3); padding:50px;box-sizing:border-box;}
.case .showcase .r .title{
	font-size:12px;
	color: #999;
	text-transform: uppercase;
}
.case .showcase .r .dp{ font-size:14px; color:#666666;}

.case .showcase .r .title span{ font-weight:bold; color:#000000; font-size:18px; padding-right:5px;}

.case .showcase .r .morei{background-color:#007C33; padding:10px; background-color:#007C33;border-radius:100%; float:left; margin-bottom:-100px; margin-top:30px;}
.case .showcase .r .morei i{
	font-size: 28px;
	font-style: normal;
	color:#ffffff;
	border-radius:100%;
	height:80px;
	width:80px;
	display:inline-block;
	text-align:center;
	line-height:80px;
	border: 1px dashed #ffffff;
}
.case .showcase:hover .r .morei{background-color:#FFA533;}
.case  .etitle{

}
.case  .etitle  b,.case  .etitle  span{ display:block; position:relative;}
.case  .etitle  b{ color:#000000; font-size:23px; 

}
.case  .etitle  a{
	background-image: url(casemore.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 30px;
	width: 30px;
}
.case  .etitle  b font{
 float:left; position:relative;
}
.case  .etitle  b font:after{ content:''; position:absolute; bottom:-1px; left:0; width:120%;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; z-index:3;}
.case  .etitle  span{
	font-size:12px;
	color:#666666;
	font-weight: lighter;
	padding-left:5px;
	clear:both;
	letter-spacing: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}









.honor{ padding-bottom:50px; background-color:#F3F1F2; padding-top:80px; padding-bottom:80px; margin-top:80px; overflow:hidden;}
.honor .l{ background-color:#007C33; color:#FFFFFF; float:left; min-height:100%; padding:20px; position:relative;}
.honor .l:before{ content:''; left:-1000px;background-color:#007C33; top:-80px; height:calc(100% + 1600px); width:calc(100% + 1000px); position:absolute; z-index:-1;}
.honor .l .etitle b{
	font-size:24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);
	background-image: url(etitle2.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:30px; position:relative;
}
.honor .l .etitle a{
	background-image: url(honormore.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 30px;
	width: 30px; position:absolute; right:0; top:50%; 
}
.honor .l .etitle b,.honor .l .etitle span{ display:block;}
.honor .tab{ padding-top:50px; }
.honor .tab .li{ margin-top:20px; margin-bottom:20px;}
.honor .tab .li a{
	display:block;
	color: #FFFFFF; position:relative; padding-left:30px; font-size:20px;

}
.honor .tab .li a:after{ content:''; height:8px; width:8px; position:absolute; left:10px; top:50%; margin-left:-4px; margin-top:-4px; background-color:#ffffff;border-radius:100%;}

.honor .tab .li a:hover:before,.honor .tab .li.hover a:before{
	content:'';
	left:2px;
	top:50%;
	height:16px;
	width:16px;
	margin-top:-8px;
	border: 2px solid #dddddd; display:inline-block; position:absolute;border-radius:100%; z-index:1;
}



.honor .hc{ float:right; width:calc(100%  - 320px); position:relative;box-sizing:border-box;
--swiper-theme-color:#ffffff;
--swiper-navigation-size:18px;
}
.honor .hc .econtent{  padding:10px;box-sizing:border-box;}

.honor .hc .swiper-container{ position:relative; overflow:hidden;width:100%;}
.honor .hc  .swiper-slide a{ display:block; overflow:hidden; position:relative;background-color:#ffffff; text-align:center; padding:20px; display:flex;
    justify-content:center;
    align-items:center; min-height:400px; max-height:400px;}
.honor .hc  .swiper-slide a img{ max-width:100%; max-height:400px;}
.honor .hc  .swiper-slide a:hover:before{ content:''; position:absolute; top:0; left:0;box-sizing:border-box; height:100%; width:100%;	border: 5px solid #017D34; z-index:2;}
.honor .hc  .picli{ position:relative;}
.honor .hc  .picli .txt{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);display:flex;
    justify-content:center;
    align-items:center; color:#FFFFFF; font-size:18px; display:none;}
	.honor .hc  .picli:hover .txt{ display:flex;}
.honor .hc  .picli .txt>div{ padding:20px; line-height:1.5;}
.honor .hc  .picli .txt>div .ntitle:after{
	content:'+';
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	border: 1px solid #ffffff; margin:auto;border-radius:100%; margin-top:30px;
}

.honor .hc .swiper-button-next, .honor .hc .swiper-button-prev{ position:relative; left:auto; top:auto; bottom:auto; right:auto; margin:auto;--swiper-navigation-size:12px; float:left; width:50%; height:30px;  padding-bottom:9px; padding-top:9px;}

.honor .hc .pp{
	position:relative;
	 margin-top:50px;border-radius:10px; background-color:#ffffff; height:8px;
}
.honor .hc .pp:before{ width:30%; position:absolute; left:0; top:0; height:100%; background-color:#017D34; z-index:1; content:'';border-radius:10px;}
.honor .hc .pp>div{ background-color:#017D34; height:30px; width:30px; text-align:center; color:#FFFFFF; position:absolute; left:20%; top:50%; margin-top:-15px;border-radius:100%; }

.honor .l .swiper-button-next, .honor .l .swiper-button-prev{ position:relative; left:auto; top:auto; bottom:auto; right:auto; margin:auto;--swiper-navigation-size:14px; float:left;  color:#FFFFFF; width:45px; height:45px; margin:5px;border: 1px solid rgba(255,255,255,0);border-radius:100%; line-height:45px;}
.honor .l .swiper-button-next:hover, .honor .l .swiper-button-prev:hover{
	border: 1px solid #ffffff;
}
.honor .l .pt{
	position:relative;
	
}


.news   .etitle{
	background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:30px;
}
.news   .etitle  .fl b,.news   .etitle  .fl  span{ display:block; position:relative;}
.news   .etitle  .fl  b{ color:#000000; font-size:23px; line-height:30px; float:left; width:100%;

}
.news   .etitle  .fl a{
	background-image: url(newsmore.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 30px;
	width: 30px; 
}
.news   .etitle  b font{
 float:left; position:relative;
}

.news   .etitle  .fl  span{
	font-size:12px;
	color:#666666;
	font-weight: lighter;
	padding-left:5px;
	clear:both;
	letter-spacing: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	text-transform: uppercase; margin-top:5px; clear:both; float:left;
}
.news   .etitle .fr { line-height:45px;}
.news   .etitle .fr a{ background-color:#7F7E7C; color:#ffffff; font-size:18px; padding-left:20px; padding-right:30px; display:inline-block;border-radius:5px; margin-left:10px;}
.news   .etitle .fr a.hover,.news   .etitle .fr a:hover{background-color:#EB9912; }
.news .econtent{ clear:both; width:100%; float:left; margin-top:20px; }
.news .left{ float:left; width:48%;}
.news .right{ float:right; width:48%;}
.news .left .time{ display:none;}
.about .box{ position:relative;}


.news,.pro{ padding-top:80px; padding-bottom:80px; clear:both;}

.pro{ padding-top:100px; z-index:1;}


.news .left .picli .img{ display:none; overflow:hidden;}
.news .left .picli.hover .img{ display:block;}
.news .ul{ display:none;}
.news .ul.hover{ display:block;}
.news  .ntitle{
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
}
.news  .dp{ line-height:2; max-height:4em; min-height:4em; overflow:hidden; font-size:14px; color:#b0b0b0; margin-top:5px;}
.news .li,.news .picli .rr{ clear:both;  padding:20px; padding-top:40px; padding-bottom:40px; position:relative;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.news .li:hover,.news .picli .rr:hover{ background-color:#F8F8F8;}
.news .li:after,.news .picli .rr:after{
	content:'';
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #EB990F;
	border-right-color: #EB990F; width:0px; height:0px; position:absolute; right:0; top:0;Opacity:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.news .li:hover:after,.news .picli .rr:hover:after{ width:50px; height:50px;Opacity:1;}
.news .li .ntitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-bottom:15px; line-height:1;
}
.news .picli{border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;}
.news .picli .img{ margin-bottom:15px; max-height:300px; min-height:300px; overflow:hidden;}
.news .picli .img img{ width:100%;  max-height:300px; min-height:300px;}
.news .picli .l{ padding-right:50px;}
.news .picli .r{ position:absolute; top:50%; right:20px;}
.news .picli .r i{
	background-color:#EB990F;
	color:#FFFFFF;
	line-height:30px;
	width:30px;
	text-align:center;
	display:inline-block;
	border-radius:100%;
	font-size: 18px;
	font-style: normal;
	
}
.news .picli .rr.now:before{text-transform: uppercase; content:'news'; position:absolute; top:48px; left:10px;background-color:#EB990F;
	color:#FFFFFF; line-height:20px; padding-left:5px; padding-right:5px;border-radius:3px; font-size:12px;}
.news .picli .rr{ padding-left:60px;}
.news .li:hover a,.news .picli:hover a{color: #EB990F;}

.news  .time{
	text-align:center;
	line-height:1.5;
	display:flex;
	justify-content:center;
	align-items:center;
	float:left;
	width:100px;
	min-height:100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee; margin-right:15px;
}
.news  .time b{ display:block; font-size:48px;}
.news  .time span{ display:block; color:#b0b0b0; font-size:14px;}


.content *{ max-width:100%;}
@media only screen and (max-width: 767px){
.map iframe{max-height:350px;}
}

@media only screen and (max-width: 480px){
.map iframe{max-height:250px;}
}

#cms1 .content ul li{
	list-style-position: outside;
	list-style-type: disc;
}

/*产品详情*/
.products_detal { margin:2% 0 1%; }
.products_detal .left { width: 46%;float: left; }
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:70px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:100%;width:100%; }
.tb-s310, .tb-s310 img{max-height:500px;height:100%;max-width:500px;width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:68px;width:68px;}
.small { width:64px;height:64px;}
.tb-s40 img { border:0;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #008fd1;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.products_detal .right { width: 50%;float: right; }
.products_detal .right .tit { width: 80px;padding:10px 0;color:#111;background: #eee;border:#ddd 1px solid;border-bottom: 0; }
.products_detal .right .content { padding:3%;border:#ddd 1px solid;min-height: 300px;line-height: 28px; }


.cpqiehuan .investment_f{ width:100%;padding:2% 0 0;}
.cpqiehuan .investment_f .investment_title{height:44px;background:#f6f6f6; }
.cpqiehuan .investment_title div{ padding:0 32px;height:44px;margin-right:22px;line-height:44px;display:inline-block;font-size:16px;color:#444;background: url(../images/tit12.gif) repeat-x center;cursor:pointer;}
.cpqiehuan .investment_title div.on{ color:#fff;background-image:url(../images/tit11.gif);}
.cpqiehuan .investment_con{ clear:both; border:#ddd 1px solid; padding:20px 3% 70px;min-height:200px; }
.cpqiehuan .investment_con_list{display:none;}
.cpqiehuan p.canshu { padding:10px;}
.cpqiehuan td { padding:6px 15px;line-height:18px;border:#ccc 1px solid; }
.cpqiehuan tr:nth-child(2n) { background:#ddfdca; }

.cpqiehuan .investment_title .on { background: #007C33; color: #fff; text-shadow: none; }
@media screen and (max-width:681px) { 
    .cpqiehuan .investment_title div{ padding:0 3%;height:38px;margin-right:2%;line-height:38px;font-size:14px;}
}
/*内页新闻*/
.com_msimg{ height: auto; overflow: hidden; margin-bottom: 20px; margin-top:30px;}
.com_msimg ul{ margin: 0; padding: 0;}
.com_msimg ul li{ width: 32%; float: left; margin-right: 2%; height: auto; overflow: hidden; background-color:#f5f5f5;}
.com_msimg ul li:nth-child(3n+1){ clear:both; margin-left:0;}
.com_msimg ul li a{ display: block; color: #666;}
.com_msimg ul li a .n_img{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color:#FFFFFF;
	border: 1px solid #dddddd;
}
.com_msimg ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.com_msimg ul li:hover a .n_img img{ transform: scale(1.2); transition: 0.5s;}
.com_msimg ul li a .pic_title{ padding:20px 20px 25px;}
.com_msimg ul li a .pic_title font{ display: block; color: #333; font-size:22px; line-height: 30px; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com_msimg ul li a .pic_title i{ display: block; font-size: 14px; line-height: 20px; font-style: normal;}
.com_msimg ul li:hover a .pic_title font{color: #0f63aa;}
.com_msimg ul li:first-child{ margin-left: 0;}
.com_msimg ul li:last-child{ margin-right: 0;}



.com_ms{ height: auto; overflow: hidden; margin-bottom: 30px;}
.com_ms ul{ margin:0; padding: 0;}
.com_ms ul li{ height: auto; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.com_ms ul li a{ display: block; color: #333;}
.com_ms ul li a font{ display: block; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px;}
.com_ms ul li a .n_desc{line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999;}
.com_ms ul li a span{ display: block; color: #999; line-height: 20px; font-size: 14px;}
.com_ms ul li:hover a font{ color: #007C33;}
.app_header{ display:none;}
@media (max-width:1350px){
	.com_msimg ul li{ width: 31%; float: left; margin-right: 2.3333%;}
}

@media (max-width:800px){
	.com_msimg ul li a .pic_title{ padding:10px 20px 15px;}
	.com_msimg ul li a .pic_title font{ font-size:16px;}
}
@media (max-width:600px){
	.com_msimg ul li{ width: 48%; margin: 0 1% 10px;}
	.com_msimg ul li:nth-child(3){ width: 98%; margin: 0 1%;}
}
@media (max-width:450px){
	.com_msimg ul li{ width: 98%;}
}